import Message from '@/components/message'
import useStore from '@/store'
import axios, { AxiosError } from 'axios'

export const baseURL = 'https://apipc-xiaotuxian-front.itheima.net/'
const instance = axios.create({
  // https://apipc-xiaotuxian-front.itheima.net/
  // http://pcapi-xiaotuxian-front.itheima.net/
  // 解绑地址：http://pcapi-xiaotuxian-front.itheima.net/login/social/unbind?mobile=13012345709
  baseURL,
  timeout: 5000
})

// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const { user } = useStore()
    const token = user.profile.token
    if (token) {
      config.headers!.Authorization = `Bearer ${token}`
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 在发送请求之前做些什么
    return response
  },
  function (error: AxiosError<{ code: string; message: string }>) {
    // 对请求错误做些什么
    if (!error.response) {
      Message.error('网络异常，请稍后重试')
    } else {
      const { message, code } = error.response.data
      if (message === '三方登录失败' && code === '501') {
        Message.warning('亲，请先完成与我们平台的关联！')
      } else {
        Message.error(error.response.data.message)
      }
    }
    return Promise.reject(error)
  }
)

export default instance
